<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>微信官网</title>
		<style>
			*{
				margin: 0;
				padding: 0;
			}
			img{
				vertical-align: bottom;
			}
			/* li{
				list-style: none;
			} */
			a{
				color: green;
				text-decoration: none;
				line-height: 37px;
			}
			a:hover{
				color: #000000;
				text-decoration: underline;
			}
			.bd{
				border-bottom: 1px solid #808080;
				
			}
			
			.clearfix::before,.clearfix::after{
				content: '';
				display: table;
			}
			.clearfix::after{
				clear:both;
			}
			.fl{
				float: left;
			}
			.fr{
				float: right;
			}
			.w{
				width: 1210px;
				margin: 0 auto;
			}
			.first{
				height: 94px;
				background: url(images/images/logo_01.jpg);
			}
			.first h2{
				height: 38px;
				line-height: 94px;
				color: white;
				margin-right: 130px;
			}
			.first a{				
				margin-right: 30px;	
				color: white;	
				text-align: center;	
				line-height: 94px;	
				display: block;						
			}
			.banner{
				height: 531px;	
				background: #dddddd;			
			}
			.banner_1{
				height: 491px;
				margin-right: 240px;
				
			}
			.banner_1 p{
				line-height: 40px;
				font-size: 20px;
			}
			.banner_1 h3{
				margin-top: 63px;
				margin-bottom: 13px;
				font-size: 33px;
			}
			.banner_1 .bann p{
				line-height: 32px;
				font-size: 18px;
			}
			.banner_2{
				margin-top: 40px;
				height: 491px;
				
			}
			.xaizai{
				margin-bottom: 19px;
			}
			.bann a{
				display: block;
				line-height: 30px;
				font-size: 16px;
			}
			.xiazai{
				margin: 33px 0 19px 0;
			}
			.main {
				margin-top: 60px;
				height: 505px;
				
			}
			.main .fl{
				margin-right: 23px;
			}
			.1{
				width: 272px;
			}
			.wunai h4{
				line-height: 39px;
				
			}
			
			.logo1{
				margin-right: 29px;
			}
			.wuming{
				width: 330px;
				margin-bottom: 37px;
			}
			.new{
				margin-top: 18px;
			}
			.new a{
				color: #978888;
				
				line-height: 13px;
			}
			
			.new p{
				color: #978888;
				line-height: 13px;
			}
			.newl{
				width: 500px;
			}
			.newt{
				margin-top: 10px;
				margin-bottom: 14px;
				
			}			
			.cai{
				/* width: 23px; */
				height: 16px;
				border-left: 3px solid #6B696A;
				margin-left: 11px;
				margin-right: 11px;
			}
		</style> 
	</head>
	<body>
		
		<div class="first clearfix">
			<div class="w ">
				<div class="logo fl"><img src="images/images/logo_02.jpg" ""></div>
				<div class="fl"><h2>微信</h2></div>
			
				<div class="fl">
					<a href="">首页</a>
				</div>
				<div class="fl">
					<a href="">帮助与反馈</a>
				</div>
				<div class="fl">
					<a href="">公众平台</a>
				</div>
				<div class="fl">
					<a href="">开放平台</a>
				</div>
				<div class="fl">
					<a href="">微信支付</a>
				</div>
				<div class="fl">
					<a href="">微信广告</a>
				</div>
				<div class="fl">
					<a href="">企业微信</a>
				</div>
				<div class="fl">
					<a href="">表情开放平台</a>
				</div>
				<div class="fl">
					<a href="">微信网页版</a>
				</div>
				</div>
			</div>	
		
		<div class="banner ">
			<div class="w">
				<div class="banner_1 fl">
					<h3>微信，是一个生活方式</h3>
					<p>超过十亿人在使用的应用<br>支持发送语言短信、视频、图片和文字<br>可以群聊，仅消耗少量流量，适合大部分智能手机</p>
				
				<div class="xiazai"><img src="images/images/banner_06.jpg" alt=""></div>
				<div class="bann">
					<ul>
					<li><a href="">忘记了微信账号和密码</a></li>
					<li><a href="">自助解除登录或功能限制</a></li>
					<li><a href="">冻结或解冻微信账号</a></li>
					</ul>
				</div>
				</div>
				<div class="banner_2 fl">
					<div class="fl"><img src=" images/images/banner_03.jpg" alt=""></div>
				</div>
			</div>
		</div>
			
			<div class="w main ">
				<div class=" 1 fl"><img src="images/images/main_03.jpg" alt="">
				<h4>微信网页版</h4>
				<p>扫一扫二维码<br>就能在电脑上使用微信</p>
				<a href="">了解更多</a>
				</div>
				<div class="1 fl"><img src="images/images/main_05.jpg" alt="">
				<h4>微信Mac版</h4>
				<p>极致简洁，迅捷沟通</p>
				<a href="">了解更多</a>
				</div>
				<div class="1 fl"><img src="images/images/main_07.jpg" alt="">
				<h4>微信windows版</h4>
				<p>让沟通更方便</p>
				<a href="">了解更多</a>
				</div>
				<div class="wuming fl">
					<h4>最新消息</h4>
					<ul class="2">
						<li><a href="">微信7.0.18 for iOs 正式版发布</a><span style="color:red;font-size:11px">(New)</span></li>
						<li><a href="">微信7.0.20 for Android 正式版发布 </a><span style="color:red;font-size:11px">(New)</span></li>
						<li><a href="">微信2.5.0 for Mac 正式版发布</a><span style="color:red;font-size:11px">(New)</span></li>
						<li><a href="">微信3.0.0 for Windows 正式版发布</a><span style="color:red;font-size:11px">(New)</span></li>
						<li><a href="">关于部分iOS 9用户无法更新微信</a><span style="color:red;font-size:11px">(New)</span></li>
						<li><a href="">微信外部链接内容管理规范</a></li>
						<li><a href="">微信网页版2.1版本发布</a></li>
						<li><a href="">微信表情开放平台上线</a></li>
						<li><a href="">官方辟谣公众号开通</a></li>
					</ul>
				
							<div class=""><a href="">查看更多</a></div>
					<div class="logo1">	<div class="fl"><img src="images/images/main_13.jpg" ></div>
					<div class="wunai fl"><h4>联系我们</h4></div>
				</div>
						<!-- <div class="fl"><p>10-30 <br>10-29<br>10-16<br>10-13<br>01-28<br>02-11<br>01-17<br>07-29<br>10-28</p></div>				 -->		
			</div>
			</div>
			<div class="bd  w"></div>
			<div class="w new">
				<div class="newl fl">
					<div class="newt clearfix ">
						<div class="fl">
							<a href="">关于腾讯</a>
						</div>
						<div class="cai fl"></div>
						<div class="fl">
							<a href="">服务条款</a>
						</div>
						<div class="cai fl"></div>
						<div class="fl">
							<a href="">使用规范</a>
						</div>
						<div class="cai fl"></div>
						<div class="fl">
							<a href="">客服中心</a>
						</div>
						<div class="cai fl"></div>
						<div class="fl">
							<a href="">隐私保护指引</a>
						</div>
					</div>           
					<div class="newb "> 
						<p>&copy;&nbsp;1998-2020&nbsp;Tencent&nbsp;Inc.All&nbsp;Rights&nbsp;Reserved</p>
					</div>
				</div>
				<div class="newr fr">
					<div class="fl">
						<a href="">简体中文</a>
					</div>
					<div class="cai fl"></div>
					<div class="fl">
						<a href="">繁体中文</a>
					</div>
					<div class="cai fl"></div>
					<div class="fl">
						<a href="">English</a>
					</div>
				</div>
			</div>
				
			
				
		
	</body>
</html>
